<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="/WEB-INF/template/crud/view.xhtml">
        <ui:param name="MB" value="#{movimentoController}"/>
        <ui:param name="OPERACAO" value="Visualizar"/>
        <ui:define name="view">
            <div class="control-group">
                <label class="control-label" for="idMvt"><strong>ID</strong></label>
                <div class="controls" id="idMvt"> <span>#{MB.selected.idMvt}</span></div>
            </div>
            <div class="control-group">
                <label class="control-label" for="ctaOrigem"><strong>Conta Origem</strong></label>
                <div class="controls" id="ctaOrigem"> <span>#{MB.selected.ctaOrigem.ctaDescricao}</span></div>
            </div>
            <div class="control-group">
                <label class="control-label" for="ctaOrigem"><strong>Conta Destino</strong></label>
                <div class="controls" id="ctaOrigem"> <span>#{MB.selected.ctaDestino.ctaDescricao}</span></div>
            </div>
            <div class="control-group">
                <label class="control-label" for="data"><strong>Data</strong></label>
                <div class="controls" id="categoria">
                    <span><h:outputText value="#{MB.selected.mvtData}"><f:convertDateTime pattern="dd/MM/yyyy" type="date"/></h:outputText></span></div>
            </div>
            <div class="control-group">
                <label class="control-label" for="mvtValor"><strong>Valor</strong></label>
                <div class="controls" id="mvtValor"> 
                    <span><h:outputText value="#{MB.selected.mvtValor}"><f:convertNumber pattern="#,##0.00" /></h:outputText></span>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="mvtHistorico"><strong>Histórico</strong></label>
                <div class="controls" id="mvtHistorico"> <span class="input-xlarge">#{MB.selected.mvtHistorico}</span></div>
            </div>
            <div class="control-group">
                <label class="control-label" for="mvtDocumento"><strong>Documento</strong></label>
                <div class="controls" id="mvtDocumento"> <span class="input-xlarge">#{MB.selected.mvtDocumento}</span></div>
            </div>
            <div class="control-group">
                <label class="control-label" for="mvtObservacao"><strong>Obervação</strong></label>
                <div class="controls" id="mvtDocumento"> <span class="input-xlarge">#{MB.selected.mvtObservacao}</span></div>
            </div>
             <div class="control-group">
                <div class="controls">
                    <h:outputLabel value="Baixado" for="mvtBaixado" styleClass="checkbox inline">
                        <h:selectBooleanCheckbox id="mvtBaixado" value="#{MB.selected.mvtBaixado}" disabled="true" />
                    </h:outputLabel>
                    <h:outputLabel value="Transferência" for="mvtTransferencia" styleClass="checkbox inline">
                        <h:selectBooleanCheckbox id="mvtTransferencia" value="#{MB.selected.mvtTransferencia}" disabled="true"/>
                    </h:outputLabel>
                </div>
            </div>
        </ui:define>
    </ui:composition>
</html>
